<template>
    <div class="add">
        <div class="add1"></div>
        <div class="add2" @click="submit"></div>
        <div class="add3"></div>
        <div class="add4" @click="submit"></div>
        <div class="add5"></div>
        <div class="add6" @click="submit"></div>
        <div class="add7"></div>
    </div>
</template>

<script>
export default {
    methods:{
        submit(){
            this.$emit("submit")
        }
    }

}
</script>


<style scoped>

.add1{
    background: url("http://img3.tqcaifu.com/add/img_01.png") no-repeat center center;
    height: 2459px;
}
.add2{
    background: url("http://img3.tqcaifu.com/add/img_02.png") no-repeat center center;
    height: 70px;
    cursor: pointer;
}
.add3{
    background: url("http://img3.tqcaifu.com/add/img_03.png") no-repeat center center;
    height: 489px;
}
.add4{
    background: url("http://img3.tqcaifu.com/add/img_04.png") no-repeat center center;
    height: 70px;
    cursor: pointer;
}
.add5{
    background: url("http://img3.tqcaifu.com/add/img_05.png") no-repeat center center;
    height: 403px;
}
.add6{
    background: url("http://img3.tqcaifu.com/add/img_06.png") no-repeat center center;
    height: 97px;
    cursor: pointer;
}
.add7{
    background: url("http://img3.tqcaifu.com/add/img_07.png") no-repeat center center;
    height: 968px;
}
</style>
